.player-container {
	padding: 0 39rpx;
	height: 378rpx;
}

.video-client {
	position: relative;
	width: 672rpx;
	height: 378rpx;
	z-index: 3 !important;
}

.overlay {
	position: absolute;
	top: 50rpx;
	right: 100rpx;
	width: 50rpx;
	height: 50rpx;
	background: #FF4F80;
	border-radius: 50%;
	z-index: 99999;
}

.fullscreen-overlay {
	position: fixed;
	/* 全屏时使用 fixed 定位 */
	top: 0;
	left: 0;
	width: 20%;
	height: 20%;
	z-index: 9999;
	background: #FF4F80;
	/* 确保层级最高 */
}

.player-adf-tip {
	padding: 0 39rpx;
	margin: 0;
}

/* 通告栏组件强制修改样式 start */
.uni-noticebar__content-text--scrollable {
	font-size: 20rpx !important;
}

.uniui-closeempty {
	font-size: 28rpx !important;
}

/* 通告栏组件强制修改样式 end */

.tab-view {
	padding: 10rpx 70rpx 10rpx 40rpx;
}

.tabs-content {
	flex: 1;
	overflow: scroll;
}

.player-mov-desc {
	padding: 20rpx 50rpx 100rpx;
	width: 650rpx;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: start;
	gap: 10rpx;
}

.video-desc-title {
	width: 640rpx;
	height: 80rpx;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 20rpx;
}

.video-desc-title-text {
	flex: 1;
	font-size: 36rpx;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.favorite-icon {
	margin: 0;
}

.video-opt-view {
	padding-bottom: 10rpx;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 40rpx;
}

.player-opt-item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 4rpx;
}

.player-opt-item text {
	color: #FF4F80;
}

.video-desc-item {
	font-size: 28rpx;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	row-gap: 10rpx;
	column-gap: 50rpx;
}

.video-desc-item text {
	line-height: 50rpx;
}

.player-jj-view {
	padding: 30rpx 45rpx 100rpx;
	width: 660rpx;
	display: flex;
	justify-content: flex-start;
	align-items: start;
	flex-wrap: wrap;
	row-gap: 20rpx;
	column-gap: 30rpx;
}

.player-jj-item {
	font-size: 26rpx;
	padding: 8rpx 10rpx;
	border: 2rpx solid #000000;
	border-radius: 16rpx;
}

.jj-selected {
	border: 2rpx solid #FF4F80;
	color: #FF4F80;
}

.player-comment-view {
	padding: 20rpx 50rpx 160rpx;
	width: 650rpx;
	display: flex;
	justify-content: flex-start;
	align-items: start;
	flex-wrap: wrap;
	row-gap: 40rpx;
}

.player-comment-item {
	width: 670rpx;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 26rpx;
}

.comment-user-img {
	width: 64rpx;
	height: 64rpx;
	border-radius: 50%;
}

.comment-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 14rpx;
}

.comment-user-name {
	color: #FF4F80;
}

.comment-content {
	color: #333333;
	line-height: 1.5;
	white-space: pre-wrap
}

.comment-time {
	font-size: 24rpx;
	color: #888888;
}

.input-area {
	position: absolute;
	bottom: 0;
	width: 690rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	padding: 20rpx 30rpx 30rpx 30rpx;
}

.input-area-input {
	flex: 1;
	line-height: 50rpx;
	padding: 20rpx 30rpx;
	background-color: #f5f5f5;
	border-radius: 40rpx;
	transition: all 0.5s ease-out;
}

.appendRightButton {
	margin-right: 20rpx;
}

.input-area-send-btn {
	width: 60rpx;
	height: 60rpx;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #07c160;
	color: #ffffff;
	font-size: 28rpx;
	opacity: 0;
	pointer-events: none;
}

.showSendButton {
	opacity: 1;
	pointer-events: auto;
}